/* 重置样式表里面一般写一些公共的CSS样式内容 */
/* 取消元素自带的内边距外边距 */
/* 直接使用*匹配的是页面中所有的元素，没有内边距外边距的元素也取消了，不够优化 */
/* * {
    margin: 0;
    padding: 0;

} */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dt,
dd,
dl,
img {
  margin: 0;
  padding: 0;
}

/* 取消a标签默认的下划线效果 只有在鼠标滑过的情况下会显示下划线  */

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* 取消表单元素在浏览器里面获取到焦点的时候出现边框、外边线的效果 */
/* 默认表单元素的边框颜色不一样是为了达到统一，取消默认的边框设置自己需要的 */
input {
  outline: none;
  border: none;
}

img {
  /* vertical-align: middle; */
  /* vertical-align这个属性只能作用于行内块元素 */
  /* 二选一，这两个方法都能解决图片下方3px的留白问题 */
  display: block;
}

img {
  border: none;
}

/* 取消列表项，list-style具有继承性，下属的li列表项都会被取消 */
ul,
ol {
  list-style: none;
}

/* 万能清除法 */
/* 解决高度塌陷的问题 */
.wnqc::after {
  content: '';
  display: block;
  clear: both;
  /* 下面的属性可省略 */
  width: 0px;
  height: 0px;
  font-size: 0px;
  visibility: hidden;
}

body {
  font-size: 14px;
}
